<style>
	.test {
		color: #ff0000;
	}
</style>
<div class="test">Style tags are supported</div>
<style type="text/css">
	.cssComponentGreen_58d2872e {
		color: #00ff00;
	}
</style>
<div class="cssComponentGreen_58d2872e">CSS components are supported</div>
<div
	class="cssComponentGreen_58d2872e classA &amp;&amp;&amp;classB classC d e"
	type="button"
>
	Both CSS components and constants are supported
</div>
<div
	class="cssComponentGreen_58d2872e classA &amp;&amp;&amp;classB classC d e"
	type="button"
>
	Both CSS components and constants are supported
</div>
<div class="a c">
	Maps can be used to determine if a class should be added or not.
</div>
<style type="text/css">
	.e_739d4573 {
		font-size: 14pt;
	}
</style>
<div class="a c e_739d4573">KV can be used to conditionally set classes.</div>
<div
	class="bg-violet-500 hover:bg-red-600 hover:bg-sky-700 text-[#50d71e] w-[calc(100%-4rem)"
>
	Pseudo attributes and complex class names are supported.
</div>
<div class="a&#34; onClick=&#34;alert(&#39;hello&#39;)&#34;">
	Class names are HTML escaped.
</div>
<style type="text/css">
	.loading_a3cc3f08 {
		width: 50%;
	}
</style>
<div class="loading_a3cc3f08">CSS components can be used with arguments.</div>
<style type="text/css">
	.loading_9ccc4ca9 {
		width: 100%;
	}
</style>
<div class="loading_9ccc4ca9">CSS components can be used with arguments.</div>
<style type="text/css">
	.windVaneRotation_b68b990e {
		transform: rotate(45deg);
	}
</style>
<div class="windVaneRotation_b68b990e">Rotate</div>
